<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>COOMEVAL</title>
                <link rel="stylesheet" href="css/estilogeneral.css" media="all"/>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="180" resizable="false" closable="true" collapsible="true">

                    <h:form>
                        <p:menubar>
                            <p:menuitem id="home" value="" url="Bodega.xhtml" style=" padding-left: 15px;background-image: url('icons/icon-home.png') !important; background-position: center !important; width: 45px; height: 35px; text-align: center;"/>
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-bodega1.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;"/>
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-pedido.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-facture.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-graphics.png') !important; background-position: center !important; width: 50px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-pqrs.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-help.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />

                            <f:facet name="options">
                                <p:inputText style="margin-right:10px" placeholder="Buscar"/>
                                <p:commandButton type="button" value="Cerrar sesion" icon="ui-icon-extlink" />
                            </f:facet>
                        </p:menubar>
                    </h:form>
                    <p:panel>
                        <div id="inicio">
                        </div>
                    </p:panel>

                </p:layoutUnit>

                <!--
                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    Footer
                </p:layoutUnit>
                !-->
                <p:layoutUnit position="east" size="180" header="Ocultar" collapsible="true">
                    <h:form>
                        <p:menu style="width: 90%">
                            <p:submenu label="Menú" >
                                <p:menuitem value="Formulario" url="" />
                                <p:menuitem value="Listado" url="" />
                                <p:menuitem value="Devoluciones" url="" />
                                <p:menuitem value="Materia" url="" />

                            </p:submenu>

                        </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <h:form id="forma">
                        <h2 id="titulo" style="text-align: center;" >BIENVENIDO</h2>
                        <p:growl id="growl" showDetail="true" sticky="true"/>
                        <p:messages id="mensajes" showDetail="true"/>
                        <p:panel>
                            <p:panelGrid style="width: 100%">
                                <p:row>
                                    <p:column>
                                        <h:graphicImage url="images/cuadrado.png"/>
                                    </p:column>
                                    <p:column>
                                        
                                    </p:column>
                                    <p:column>
                                        
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                        </p:panel>
                        
                    </h:form>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>


